<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head th:replace="public::head('生成行为汇总表')">
</head>
<style>
    .neibiaoge tr.firstrow td{
        border-top: none;
    }

    * {margin: 0;padding: 0;}
     table {
         width: 100%;
         border-collapse: collapse;
        text-align: center;
         }
     table th,td {
         border: 1px solid #ddd;
         }
     .table2 tr td:nth-child(1) {
          border-left: 0;
         }
     .table2 tr td:nth-last-child(1) {
         border-right: 0;
         }
     .table2 tr:nth-child(1) td{
         border-top: 0;
         }
     .table2 tr:nth-last-child(1) td {
         border-bottom: 0;
         }
     .w200 {
         width: 200px;
         }
     .table2 cell{
         position: unset;
     }
</style>

<div>
    <div th:replace="top::top"></div>
    <div class="container-fluid">
        <div id="JingshangHuizonglist" class="main" style="padding: 0;">
            <div class="primary-title">
                领导干部配偶、子女及其配偶经商办企业行为汇总
            </div>

            <div class="primary-content">
                <table class="table table-bordered" style="margin-bottom:10px;">
                    <tbody>
                    <tr>
                        <th class="center middle" style=";background-color:rgba(0,0,0,.03);width: 90px;font-size: 16px;line-height: 45px;">
                            单位名称
                        </th>

                        <td  style="padding-top: 15px;">
                            <select id="" class="input form-control" v-model="deptId">
                                <option value=''>--请选择--</option>
                                <option v-for="danweiitem in danweilist"
                                        :value="danweiitem.deptid"	v-html="danweiitem.danweiduiwaimingcheng"></option>
                            </select>

                        </td>

                        <th class="center middle" style="background-color:rgba(0,0,0,.03);width: 90px;line-height: 45px;">
                            机构名称码
                        </th>
                        <td  style="padding-top: 15px;width: 190px;">
                            <input id="jigoumingchengma" v-model="jigoumingchengma" class="form-control" type="text" style="background-color:#fff;"
                                   placeholder="请输入机构名称码"/>
                        </td>

                        <th style="background-color:rgba(0,0,0,.03);width: 90px;text-align: center;line-height: 45px;">
                            人员类别
                        </th>
                        <td  style="padding-top: 15px;width: 190px;">
                            <select class="form-control" v-model="renyuanleibie">
                                <option value="">-- 请选择 --</option>
                                <option v-for="renyuanleibie in renyuanleibielist" v-text="renyuanleibie.text" :value="renyuanleibie.id"></option>
                            </select>
                        </td>


                        <th style="background-color:rgba(0,0,0,.03);width: 90px;text-align: center;line-height: 45px;">
                            排序方式
                        </th>
                        <td  style="padding-top: 15px;width: 190px;">
                            <select class="form-control" v-model="paixu">
                                <option value="0">-- 请选择 --</option>
                                <option value="jigoumingchengma">干部排序编码（顺序）</option>
                                <option value="renyuanleibie">人员类别（顺序）</option>
                                <option value="junxianleibie">军衔类别（顺序）</option>
                                <option value="name">干部姓名（顺序）</option>
                                <option value="jigoumingchengmadesc">干部排序编码（逆序）</option>
                                <option value="renyuanleibiedesc">人员类别（逆序）</option>
                                <option value="junxianleibiedesc">军衔类别（逆序）</option>
                                <option value="namedesc">干部姓名（逆序）</option>
                            </select>
                        </td>

                        <td class="center middle" style="width:120px;" >
                            <button class="btn btn-success btn-lg" @click="findVaild(1);">搜 索</button>
                        </td>
                        <td class="center middle" style="width:120px;" >
                            <button class="btn btn-info btn-lg" @click="Daochu();">导 出</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div id="List">
                </div>

                <div v-if="!show" style="text-align:center;width:100%;">查无数据</div>

                <div v-if="show" class="my-page-navigation">
                    <button class="btn btn-default" v-on:click="SetPageIndex">首页</button>
                    <button class="btn btn-default" v-on:click="SetPageIndexPrePage">上一页</button>
                    <span v-text="pageIndex + '  /  ' + pageCount"></span>
                    <span v-text="'共' + recordCount + '条'"></span>
                    <button class="btn btn-default" v-on:click="SetPageIndexNextPage">下一页</button>
                    <button class="btn btn-default" v-on:click="SetPageEnd">尾页</button>
                    <span>跳到第</span>
                    <input type="text" class="form-control" style="width: 80px;display:inline-block;"  v-model="inputPageIndexValue" v-on:keyup.enter="JumpPage">
                    <span>页</span>
                    <button class="btn btn-default" v-on:click="JumpPage">跳</button>
                </div>


            </div>

        </div>
    </div>
    <div th:replace="bottom::bottom"></div>
</div>

<script src="../js/zhenbieqingkuang/zhenbiehuizong.js?ver=0.5"></script>
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">

    
    $(function(){

        var $table2 = $(".table2");
        $table2.height($table2.parent().height());
        var table2 = document.getElementsByClassName("table2");
        var arr = Array.from(table2);
        console.log(arr);
        /*Array.from(document.getElementsByClassName("table2")).forEach(function(item) {
            console.log(item);
        });*/
        for (const item of table2) {
            alert("111");
            console.log(item);
        }

        /*alert("gaodu"+document.getElementsByClassName("table2").item(1).offsetHeight);*/
    })
</script>
<link href="../css/main.css?ver=1.0" rel="stylesheet" type="text/css"></link>
<link href="../css/dashboard.css?ver=1.1" rel="stylesheet" type="text/css"></link>
<link rel="stylesheet" href="../css/xadmin.css?ver=0.6">

</html>